<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.head{
			background: #00a0d8;
			/*text-align文字，图片水平居中*/
			text-align: center;
			height: 105px;
		}
		fieldset{
			width: 980px;
			margin:0 auto;
			/*只保留上边框*/
			border:0;
			border-top:1px solid #ddd;
		}
		legend{
			text-align: center;
			font-size:46px;
			/*线条和文字的距离*/
			padding:0 24px;
		}

		form{
			/*border:1px solid red;*/
			height: 400px;
			width:400px;
			margin:0 auto;
		}
		input{
			width:380px;
			height: 28px;
			font-size: 12px;
			padding: 4px 12px;
			border:1px solid #ddd;
			/*轮廓*/
			outline: none;
			/*圆角*/
			border-radius: 4px;
		}
		p{
			padding: 10px 0;
		}

	</style>
</head>
<body>
	<!-- 1 图片 -->
	<div class="head">
		<img src="head.png">
	</div>
	<!-- 2.注册  -->
	<fieldset>
		<legend>注册</legend>
	</fieldset>
	<!-- 3.表单 -->
	<form>
		<p>
			<input type="text" name="" placeholder="昵称">
		</p>
		<p>
			<input type="" name="" placeholder="密码(6到16位字符组成，区分大小写)">
		</p>
		<p>
			<input type="" name="" placeholder="请输入手机号码">
		</p>
		<p>
			<input type="" name="" placeholder="请输入验证码">
		</p>
		<p style="font-size:10px;">
			<!-- style属性，所有标签都有style属性，在这个属性里可以写CSS -->
			<input type="checkbox" name="" style="width: 10px;height: 10px;background: blue;">我已同意《哔哩哔哩弹幕网用户使用协议》和《哔哩哔哩隐私政策》
		</p>
		<p>
			<input type="submit" name="" style="width:100%;height: 36px;background: #00a1d6;">
		</p>
		<p>
			
		</p>
	</form>
</body>
</html>